﻿/*======================================================================================================================================================

----------------KHAI BÁO BIẾN TOÀN CỤC LƯU THÔNG TIN PAGE

======================================================================================================================================================*/
var previousTop = 0;

var videoId;
var videoStyleOld;
var videoStyleNew;
var videoWidth;
var videoHeight;

var isTransformed;
var yPosition;

/*======================================================================================================================================================

----------------KHAI BÁO HÀM NHẬN MESSAGE

======================================================================================================================================================*/
if (document.getElementById("p-data-temp") == null) {
    var para = document.createElement("p");
    para.id = "p-data-temp";
    para.style = "visibility: hidden;";
    var t = document.createTextNode("1");
    para.appendChild(t);
    document.body.appendChild(para);
}

self.port.on("play-video", function () {
    document.getElementById(videoId).play();
});

self.port.on("pause-video", function () {
    document.getElementById(videoId).pause();
});

self.port.on("stop-video", function () {
    document.getElementById(videoId).stop();
});

self.port.on("analize-page", function (link) {
    /*
        Việc phân tích trang hiện tại hỗ trợ một số trang chủ yếu với kết cấu cố định, tag cố định
        Hàm thực hiện tìm video vì một số nguyên nhân khiến nó khó có thể thực hiện được vi mỗi trang có một kết cấu khác nhau
    */
    isTransformed = false;
    videoId = "mediaspace";
    videoHeight = document.getElementById(videoId).getAttribute("height");
    videoWidth = document.getElementById(videoId).getAttribute("width");
    videoStyleOld = document.getElementById(videoId).getAttribute("style");
    videoStyleNew = "cursor:pointer; float: left; margin-left: 696px; margin-top: -355px; border: 8px solid white; box-shadow: 0px 0px 8px black; width: 321px; height:180px; z-index: 999999; position: fixed; transform: none; border-radius: 0px 0px 6px 6px;";
    yPosition = document.getElementById(videoId).getBoundingClientRect().bottom;
});

self.port.on("accept-site", function () {
    if (document.getElementById("p-data-temp") != null) {
        document.getElementById("p-data-temp").innerHTML = 1;
    }
});

self.port.on("except-site", function () {
    if (document.getElementById("p-data-temp") != null) {
        document.getElementById("p-data-temp").innerHTML = 0;
        document.getElementById(videoId).setAttribute("width", videoWidth);
        document.getElementById(videoId).setAttribute("height", videoHeight);
        document.getElementById(videoId).setAttribute("style", videoStyleOld);
    }
});

/*======================================================================================================================================================

----------------KHAI BÁO HÀM

======================================================================================================================================================*/

window.onscroll = function (event) {
    if (document.getElementById("p-data-temp") != null) {

        var previewMode = document.getElementById("p-data-temp").innerHTML;
        if (previewMode == 1) {
            var $h1 = $("body");
            var window_offset = $h1.offset().top - $(window).scrollTop();

            if (window_offset - previousTop <= 0) {
                // Xử lý cuộn xuống
                previousTop = window_offset;
                if (isTransformed == false && window_offset < -yPosition) {
                    document.getElementById(videoId).setAttribute("width", "");
                    document.getElementById(videoId).setAttribute("height", "");
                    document.getElementById(videoId).setAttribute("style", videoStyleNew);
                    isTransformed = true;
                }
            }
            else {
                // xử lý cuộn lên
                previousTop = window_offset;
                if (isTransformed == true && window_offset > -yPosition) {
                    document.getElementById(videoId).setAttribute("width", videoWidth);
                    document.getElementById(videoId).setAttribute("height", videoHeight);
                    document.getElementById(videoId).setAttribute("style", videoStyleOld);
                }
            }
        }
        else if (isTransformed == true) {
            document.getElementById(videoId).setAttribute("width", videoWidth);
            document.getElementById(videoId).setAttribute("height", videoHeight);
            document.getElementById(videoId).setAttribute("style", videoStyleOld);
        }
    }
}